<template>
    <!-- html -->
     <div class="app">
        <h1>你好啊！</h1>
        <Person/>
     </div>
     
</template>

<script lang="ts">
    // js或ts
    import Person from './components/Person.vue' //导入组件，需要将枝叶vue引入到根vue

    import axios from 'axios';
    export default {
        name:'App', //组件名
        components:{Person}, //注册组件
        data() {
            return {
                items: []
            };
        },
    };
</script>

<style>
    /* 样式 */
    /* 类选择器，给结构添加样式 */
    .app{
        background-color: #ddd;
        box-shadow: 0 0 10px;
        border-radius: 10px;
        padding: 20px;
    }
</style>